<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS基本语法</title> 
<style>
.container{
    display: flex;
    border: 4px solid blueviolet;
}
.col-6{
    width:50%;
    border: 4px solid blueviolet;
}
</style>
</head>
<body>
    <div class="container">
        <div class="col-6">
            第一列
        </div>
        <div class="col-6">
            第二列
        </div>
    </div>
</body>
</html>